<!DOCTYPE html>
	<head>
		<meta charset="UTF-8">
		<title>demo</title>
		<link rel="stylesheet" type="text/css" href="../../trd/ip/css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../trd/bootstrap/css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="../../trd/uui/css/u.css" />
		<link rel="stylesheet" type="text/css" href="../../trd/ip/css/ip.css" />
		<link rel="stylesheet" type="text/css" href="../../trd/uui/css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" href="../../trd/uui/css/tree.css" />
		<link rel="stylesheet" type="text/css" href="../../trd/uui/css/grid.css" />
		<link rel="stylesheet" type="text/css" href="../../trd/ip/changeTree/changeTree.css" />
		<link rel="stylesheet" type="text/css" href="../../trd/ip/css/platform.css" />
		<link rel="stylesheet" type="text/css" href="../../mainresource/test/demo.css" />
	</head>
	<body>
	
	<div id="first">
	
	<div id="otherback" class="pos-nav prorgan-top"<!--  style="display: none -->">
	<span class="glyphicon glyphicon-home gly-color inc-spa"></span><a class="de-a">科大书海后台管理</a>
	</div>
	<div id="othercoinfo" class="pos-nav poszw" style="display: none">
	><span id="otheruserName"></span>
	</div>
	<div id="addshow" class="pos-nav poszw" <!-- style="display: none -->">
	>书籍列表信息
	</div>

	<div id="list-page" class="container-fluid ncrd collapse in">
	<!-- 按钮 -->
	<div class="row">
	<div class="col-sm-4 col-md-4 treecontent">
		<div class="panel panel-default panel-body left-tree">
			<div class="tree-search">
				<div class="input-group">
			      <input type="text" class="form-control" placeholder="请输入关键词">
			      <span class="input-group-btn">
			        <button class="btn btn-default" type="button">
			        	<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
			        </button>
			      </span>
			    </div><!-- /input-group -->
			</div>
			<!-- 左侧树 -->
			<div id="treeTest2" class="ztree" u-meta='{"id":"tree2","data":"listDataTable","type":"tree","idField":"cid","pidField":"pid","nameField":"cname","setting":"treeSetting"}'></div>
		</div>
	</div>

	<div class="col-sm-8 col-md-8">
		<div class="row">
					<div class="col-md-12">
						<div class="panel panel-default right-btngroup">
							<!-- 按钮组 -->							
							<button type="button" class="btn btn-primary pull-right" >取消规则</button>
							<button type="button" class="btn btn-primary pull-right" >设定规则</button>
							<button type="button" class="btn btn-primary pull-right" data-toggle="modal" data-target="">删除</button>
							<button type="button" class="btn btn-primary pull-right" data-toggle="modal" data-target="">修改</button>
							<button type="button" class="btn btn-primary pull-right" data-toggle="modal" data-target="">新增</button>
						</div>
					</div>
		</div>
		<div class="row">
			<div class="col-md-12">
				<div class="panel panel-default panel-body right-grid">
					<!--表格列表 -->
					<div type="text"
					 u-meta='{"id":"write-grid","data":"gridDataTable","type":"grid","showNumCol":"true","editable":false,"autoExpand":false,"showTree":false,"keyField":"theId","parentKeyField":"parentId","onRowFocus":"getSelectedEleRuleDeatilId"}'>
					<!--  <div options='{"field":"column","dataType":"String","title":"设置","editType":"string","width": 200}'></div>-->
					<div options='{"field":"bname","dataType":"String","title":"书籍名称","editType":"string","width": 300}'></div>
					<div options='{"field":"press","dataType":"String","title":"出版社","editType":"string","width": 300}'></div>
					<div options='{"field":"author","dataType":"String","title":"作者","editType":"string","width": 120}'></div>
					</div>
				</div>
			</div>		
		</div>
		
	</div>
	

	</div>
	</div>
	</div>
	
	<!-- <div class="u-widget-body pagination-right">
	    <div id='pagination-right' class='u-pagination pagination-right' u-meta='{"type":"pagination","data":"mainDataTable","pageList":[10,20,50,100],"pageChange":"pageChangeFun","sizeChange":"sizeChangeFun"}'></div>
	</div>	 -->
	
	<div id="callBackPager" class="callBackPager"></div>
	
	
	<!-- 引入js-->
	<script src="../../trd/requirejs/require.debug.js"></script>
	<script src="../../require.config.js"></script>
	<script src="../../trd/jquery/jquery-1.12.3.min.js"></script>
	<script src="../../trd/bootstrap/js/bootstrap.js"></script>
	<script src="../../js/extendPagination.js" ></script>
	<!-- <script src="../../trd/uui/js/u.js"></script> -->
	<script src="demo.js" type="text/javascript"></script>
	
</body>
</html>